
<div class="jumbotron">
  <h5 class="my-3">父组件调用@ViewChild()</h5>
  <p>这个本地变量方法是个简单便利的方法。但是它也有局限性，因为父组件-子组件的连接必须全部在父组件的模板中进行。父组件本身的代码对子组件没有访问权。
    如果父组件的类需要读取子组件的属性值或调用子组件的方法，就不能使用本地变量方法。
    当父组件类需要这种访问时，可以把子组件作为 ViewChild，注入到父组件里面。</p>
</div>

<hr />

<h5 class="my-3">父组件</h5>
<pre><code [highlight]="code.htmlCode"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode"></code></pre>
</div>

<hr />
<h5 class="my-3">子组件</h5>
<pre><code [highlight]="code.htmlCode1"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode1"></code></pre>
</div>